////
/// Content
/// Collidable props
////

@import 'utils/shared/functions';

$collidable-container-height: 60rem;
$collidable-container-height-tablet: 64rem;
$collidable-container-height-desktop: 80rem;

$collidable-block-height: rows(3, true);
$collidable-block-height-tablet: rows(4);
$collidable-block-height-desktop: rows(5);

$collidable: (
  container-height: (
    base: $collidable-container-height,
    tablet: $collidable-container-height-tablet,
    desktop: $collidable-container-height-desktop,
  ),
  container-padding: (
    base: get-border(thin) * 2,
    tablet: get-border() * 2,
  ),
  block-height: (
    base: $collidable-block-height,
    tablet: $collidable-block-height-tablet,
    desktop: $collidable-block-height-desktop,
  ),
  obstacle-height: (
    base: $collidable-container-height / 3,
    tablet: $collidable-container-height-tablet - $collidable-block-height-tablet -
      (
        get-border() * 5,
      ),
    desktop: $collidable-container-height-desktop - $collidable-block-height-desktop -
      (
        get-border() * 5,
      ),
  ),
);

@function collidable($group: $threads-default-value, $variant: $threads-default-value) {
  @return threads-value-get($collidable, $group, $variant);
}
